﻿<!DOCTYPE html>
<html>
  <head>
    <title>三色LED</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/三色led/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/三色led/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u689" class="ax_default _一级标题">
        <div id="u689_div" class=""></div>
        <div id="u689_text" class="text ">
          <p><span>所需硬件：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u690" class="ax_default _一级标题">
        <div id="u690_div" class=""></div>
        <div id="u690_text" class="text ">
          <p><span>硬件接线：</span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u691" class="ax_default" data-left="50" data-top="119" data-width="78" data-height="99">

        <!-- Unnamed (矩形) -->
        <div id="u692" class="ax_default box_1">
          <div id="u692_div" class=""></div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u693" class="ax_default" data-left="78" data-top="132" data-width="20" data-height="30">

          <!-- Unnamed (椭圆形) -->
          <div id="u694" class="ax_default ellipse">
            <img id="u694_img" class="img " src="images/三色led/u694.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u695" class="ax_default box_1">
            <div id="u695_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u696" class="ax_default box_1">
            <div id="u696_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u697" class="ax_default box_1">
          <div id="u697_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u698" class="ax_default box_1">
          <div id="u698_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u699" class="ax_default box_1">
          <div id="u699_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u700" class="ax_default box_1">
          <div id="u700_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u701" class="ax_default label">
          <div id="u701_div" class=""></div>
          <div id="u701_text" class="text ">
            <p><span>R</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u702" class="ax_default label">
          <div id="u702_div" class=""></div>
          <div id="u702_text" class="text ">
            <p><span>G</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u703" class="ax_default label">
          <div id="u703_div" class=""></div>
          <div id="u703_text" class="text ">
            <p><span>B</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u704" class="ax_default label">
          <div id="u704_div" class=""></div>
          <div id="u704_text" class="text ">
            <p><span>GND</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u705" class="ax_default ellipse">
          <img id="u705_img" class="img " src="images/三色led/u705.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u706" class="ax_default ellipse">
          <img id="u706_img" class="img " src="images/三色led/u705.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u707" class="ax_default line">
          <img id="u707_img" class="img " src="images/三色led/u707.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u708" class="ax_default line">
          <img id="u708_img" class="img " src="images/三色led/u707.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u709" class="ax_default line">
          <img id="u709_img" class="img " src="images/三色led/u707.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u710" class="ax_default line">
          <img id="u710_img" class="img " src="images/三色led/u707.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u711" class="ax_default label">
        <div id="u711_div" class=""></div>
        <div id="u711_text" class="text ">
          <p><span>3色LED</span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u712" class="ax_default" data-left="80" data-top="394" data-width="78" data-height="99">

        <!-- Unnamed (矩形) -->
        <div id="u713" class="ax_default box_1">
          <div id="u713_div" class=""></div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u714" class="ax_default" data-left="108" data-top="407" data-width="20" data-height="30">

          <!-- Unnamed (椭圆形) -->
          <div id="u715" class="ax_default ellipse">
            <img id="u715_img" class="img " src="images/三色led/u694.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u716" class="ax_default box_1">
            <div id="u716_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u717" class="ax_default box_1">
            <div id="u717_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u718" class="ax_default box_1">
          <div id="u718_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u719" class="ax_default box_1">
          <div id="u719_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u720" class="ax_default box_1">
          <div id="u720_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u721" class="ax_default box_1">
          <div id="u721_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u722" class="ax_default label">
          <div id="u722_div" class=""></div>
          <div id="u722_text" class="text ">
            <p><span>R</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u723" class="ax_default label">
          <div id="u723_div" class=""></div>
          <div id="u723_text" class="text ">
            <p><span>G</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u724" class="ax_default label">
          <div id="u724_div" class=""></div>
          <div id="u724_text" class="text ">
            <p><span>B</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u725" class="ax_default label">
          <div id="u725_div" class=""></div>
          <div id="u725_text" class="text ">
            <p><span>GND</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u726" class="ax_default ellipse">
          <img id="u726_img" class="img " src="images/三色led/u705.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u727" class="ax_default ellipse">
          <img id="u727_img" class="img " src="images/三色led/u705.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u728" class="ax_default line">
          <img id="u728_img" class="img " src="images/三色led/u707.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u729" class="ax_default line">
          <img id="u729_img" class="img " src="images/三色led/u707.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u730" class="ax_default line">
          <img id="u730_img" class="img " src="images/三色led/u707.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u731" class="ax_default line">
          <img id="u731_img" class="img " src="images/三色led/u707.png"/>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u732" class="ax_default" data-left="256" data-top="436" data-width="110" data-height="281">

        <!-- Unnamed (矩形) -->
        <div id="u733" class="ax_default box_1">
          <div id="u733_div" class=""></div>
          <div id="u733_text" class="text ">
            <p><span>Arduino</span></p><p><span>NANO</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u734" class="ax_default box_1">
          <div id="u734_div" class=""></div>
          <div id="u734_text" class="text ">
            <p><span>0</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u735" class="ax_default box_1">
          <div id="u735_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u736" class="ax_default box_1">
          <div id="u736_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u737" class="ax_default box_1">
          <div id="u737_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u738" class="ax_default box_1">
          <div id="u738_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u739" class="ax_default box_1">
          <div id="u739_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u740" class="ax_default box_1">
          <div id="u740_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u741" class="ax_default ellipse">
          <img id="u741_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u742" class="ax_default box_1">
          <div id="u742_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u743" class="ax_default label">
          <div id="u743_div" class=""></div>
          <div id="u743_text" class="text ">
            <p><span>VIN</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u744" class="ax_default ellipse">
          <img id="u744_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u745" class="ax_default box_1">
          <div id="u745_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u746" class="ax_default label">
          <div id="u746_div" class=""></div>
          <div id="u746_text" class="text ">
            <p><span>GND</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u747" class="ax_default ellipse">
          <img id="u747_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u748" class="ax_default box_1">
          <div id="u748_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u749" class="ax_default label">
          <div id="u749_div" class=""></div>
          <div id="u749_text" class="text ">
            <p><span>RST</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u750" class="ax_default ellipse">
          <img id="u750_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u751" class="ax_default box_1">
          <div id="u751_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u752" class="ax_default label">
          <div id="u752_div" class=""></div>
          <div id="u752_text" class="text ">
            <p><span>5V</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u753" class="ax_default ellipse">
          <img id="u753_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u754" class="ax_default box_1">
          <div id="u754_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u755" class="ax_default label">
          <div id="u755_div" class=""></div>
          <div id="u755_text" class="text ">
            <p><span>A7</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u756" class="ax_default ellipse">
          <img id="u756_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u757" class="ax_default box_1">
          <div id="u757_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u758" class="ax_default label">
          <div id="u758_div" class=""></div>
          <div id="u758_text" class="text ">
            <p><span>A6</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u759" class="ax_default ellipse">
          <img id="u759_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u760" class="ax_default label">
          <div id="u760_div" class=""></div>
          <div id="u760_text" class="text ">
            <p><span>A5</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u761" class="ax_default box_1">
          <div id="u761_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u762" class="ax_default ellipse">
          <img id="u762_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u763" class="ax_default box_1">
          <div id="u763_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u764" class="ax_default label">
          <div id="u764_div" class=""></div>
          <div id="u764_text" class="text ">
            <p><span>A4</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u765" class="ax_default ellipse">
          <img id="u765_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u766" class="ax_default box_1">
          <div id="u766_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u767" class="ax_default label">
          <div id="u767_div" class=""></div>
          <div id="u767_text" class="text ">
            <p><span>A3</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u768" class="ax_default ellipse">
          <img id="u768_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u769" class="ax_default box_1">
          <div id="u769_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u770" class="ax_default label">
          <div id="u770_div" class=""></div>
          <div id="u770_text" class="text ">
            <p><span>A2</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u771" class="ax_default ellipse">
          <img id="u771_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u772" class="ax_default box_1">
          <div id="u772_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u773" class="ax_default label">
          <div id="u773_div" class=""></div>
          <div id="u773_text" class="text ">
            <p><span>A1</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u774" class="ax_default ellipse">
          <img id="u774_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u775" class="ax_default box_1">
          <div id="u775_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u776" class="ax_default label">
          <div id="u776_div" class=""></div>
          <div id="u776_text" class="text ">
            <p><span>A0</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u777" class="ax_default ellipse">
          <img id="u777_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u778" class="ax_default box_1">
          <div id="u778_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u779" class="ax_default label">
          <div id="u779_div" class=""></div>
          <div id="u779_text" class="text ">
            <p><span>REF</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u780" class="ax_default ellipse">
          <img id="u780_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u781" class="ax_default box_1">
          <div id="u781_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u782" class="ax_default label">
          <div id="u782_div" class=""></div>
          <div id="u782_text" class="text ">
            <p><span>3V3</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u783" class="ax_default ellipse">
          <img id="u783_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u784" class="ax_default box_1">
          <div id="u784_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u785" class="ax_default label">
          <div id="u785_div" class=""></div>
          <div id="u785_text" class="text ">
            <p><span>D13</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u786" class="ax_default ellipse">
          <img id="u786_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u787" class="ax_default box_1">
          <div id="u787_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u788" class="ax_default ellipse">
          <img id="u788_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u789" class="ax_default box_1">
          <div id="u789_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u790" class="ax_default ellipse">
          <img id="u790_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u791" class="ax_default box_1">
          <div id="u791_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u792" class="ax_default ellipse">
          <img id="u792_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u793" class="ax_default box_1">
          <div id="u793_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u794" class="ax_default ellipse">
          <img id="u794_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u795" class="ax_default box_1">
          <div id="u795_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u796" class="ax_default ellipse">
          <img id="u796_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u797" class="ax_default box_1">
          <div id="u797_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u798" class="ax_default ellipse">
          <img id="u798_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u799" class="ax_default box_1">
          <div id="u799_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u800" class="ax_default ellipse">
          <img id="u800_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u801" class="ax_default box_1">
          <div id="u801_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u802" class="ax_default ellipse">
          <img id="u802_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u803" class="ax_default box_1">
          <div id="u803_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u804" class="ax_default ellipse">
          <img id="u804_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u805" class="ax_default box_1">
          <div id="u805_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u806" class="ax_default ellipse">
          <img id="u806_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u807" class="ax_default box_1">
          <div id="u807_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u808" class="ax_default ellipse">
          <img id="u808_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u809" class="ax_default box_1">
          <div id="u809_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u810" class="ax_default ellipse">
          <img id="u810_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u811" class="ax_default box_1">
          <div id="u811_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u812" class="ax_default ellipse">
          <img id="u812_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u813" class="ax_default box_1">
          <div id="u813_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u814" class="ax_default ellipse">
          <img id="u814_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u815" class="ax_default box_1">
          <div id="u815_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u816" class="ax_default label">
          <div id="u816_div" class=""></div>
          <div id="u816_text" class="text ">
            <p><span>TX</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u817" class="ax_default label">
          <div id="u817_div" class=""></div>
          <div id="u817_text" class="text ">
            <p><span>RX</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u818" class="ax_default label">
          <div id="u818_div" class=""></div>
          <div id="u818_text" class="text ">
            <p><span>RST</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u819" class="ax_default label">
          <div id="u819_div" class=""></div>
          <div id="u819_text" class="text ">
            <p><span>GND</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u820" class="ax_default label">
          <div id="u820_div" class=""></div>
          <div id="u820_text" class="text ">
            <p><span>D2</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u821" class="ax_default label">
          <div id="u821_div" class=""></div>
          <div id="u821_text" class="text ">
            <p><span>D3</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u822" class="ax_default label">
          <div id="u822_div" class=""></div>
          <div id="u822_text" class="text ">
            <p><span>D4</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u823" class="ax_default label">
          <div id="u823_div" class=""></div>
          <div id="u823_text" class="text ">
            <p><span>D5</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u824" class="ax_default label">
          <div id="u824_div" class=""></div>
          <div id="u824_text" class="text ">
            <p><span>D6</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u825" class="ax_default label">
          <div id="u825_div" class=""></div>
          <div id="u825_text" class="text ">
            <p><span>D7</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u826" class="ax_default label">
          <div id="u826_div" class=""></div>
          <div id="u826_text" class="text ">
            <p><span>D8</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u827" class="ax_default label">
          <div id="u827_div" class=""></div>
          <div id="u827_text" class="text ">
            <p><span>D9</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u828" class="ax_default label">
          <div id="u828_div" class=""></div>
          <div id="u828_text" class="text ">
            <p><span>D10</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u829" class="ax_default label">
          <div id="u829_div" class=""></div>
          <div id="u829_text" class="text ">
            <p><span>D11</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u830" class="ax_default label">
          <div id="u830_div" class=""></div>
          <div id="u830_text" class="text ">
            <p><span>D12</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u831" class="ax_default box_1">
          <div id="u831_div" class=""></div>
          <div id="u831_text" class="text ">
            <p><span>USB</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u832" class="ax_default box_1">
          <div id="u832_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u833" class="ax_default box_1">
          <div id="u833_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u834" class="ax_default box_1">
          <div id="u834_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u835" class="ax_default _连接线">
        <img id="u835_seg0" class="img " src="images/三色led/u835_seg0.png" alt="u835_seg0"/>
        <img id="u835_seg1" class="img " src="images/三色led/u835_seg1.png" alt="u835_seg1"/>
        <div id="u835_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u836" class="ax_default _连接线">
        <img id="u836_seg0" class="img " src="images/三色led/u836_seg0.png" alt="u836_seg0"/>
        <img id="u836_seg1" class="img " src="images/三色led/u836_seg1.png" alt="u836_seg1"/>
        <div id="u836_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u837" class="ax_default _连接线">
        <img id="u837_seg0" class="img " src="images/三色led/u837_seg0.png" alt="u837_seg0"/>
        <img id="u837_seg1" class="img " src="images/三色led/u837_seg1.png" alt="u837_seg1"/>
        <div id="u837_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u838" class="ax_default _连接线">
        <img id="u838_seg0" class="img " src="images/三色led/u838_seg0.png" alt="u838_seg0"/>
        <img id="u838_seg1" class="img " src="images/三色led/u838_seg1.png" alt="u838_seg1"/>
        <div id="u838_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u839" class="ax_default _一级标题">
        <div id="u839_div" class=""></div>
        <div id="u839_text" class="text ">
          <p><span>示例代码1：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u840" class="ax_default _文本段落">
        <div id="u840_div" class=""></div>
        <div id="u840_text" class="text ">
          <p><span>&nbsp;&nbsp;&nbsp; //uint8_t LED_Pin = D4;&nbsp; &nbsp; &nbsp;&nbsp; // declare LED pin on NodeMCU Dev Kit</span></p><p><span>&nbsp;&nbsp;&nbsp; uint8_t LED_R = 5;</span></p><p><span>&nbsp;&nbsp;&nbsp; uint8_t LED_G = 4;</span></p><p><span>&nbsp;&nbsp;&nbsp; uint8_t LED_B = 3;</span></p><p><span>&nbsp;&nbsp;&nbsp; void setup() {</span></p><p><span>&nbsp;&nbsp;&nbsp; //pinMode(LED_Pin, OUTPUT);&nbsp;&nbsp; // Initialize the LED pin as an output</span></p><p><span>&nbsp;&nbsp;&nbsp; pinMode(LED_R, OUTPUT);</span></p><p><span>&nbsp;&nbsp;&nbsp; pinMode(LED_G, OUTPUT);</span></p><p><span>&nbsp;&nbsp;&nbsp; pinMode(LED_B, OUTPUT);</span></p><p><span>&nbsp;&nbsp;&nbsp; }</span></p><p><span>&nbsp;&nbsp;&nbsp; void loop() {</span></p><p><span>&nbsp;&nbsp;&nbsp; //digitalWrite(LED_Pin, LOW);// Turn the LED on</span></p><p><span>&nbsp;&nbsp;&nbsp; digitalWrite(LED_R, LOW);</span></p><p><span>&nbsp;&nbsp;&nbsp; digitalWrite(LED_G, LOW);</span></p><p><span>&nbsp;&nbsp;&nbsp; digitalWrite(LED_B, LOW);</span></p><p><span>&nbsp;&nbsp;&nbsp; delay(1000);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Wait for a second</span></p><p><span>&nbsp;&nbsp;&nbsp; //digitalWrite(LED_Pin, HIGH);// Turn the LED off</span></p><p><span>&nbsp;&nbsp;&nbsp; digitalWrite(LED_R, HIGH);</span></p><p><span>&nbsp;&nbsp;&nbsp; digitalWrite(LED_G, HIGH);</span></p><p><span>&nbsp;&nbsp;&nbsp; digitalWrite(LED_B, HIGH);</span></p><p><span>&nbsp;&nbsp;&nbsp; delay(1000);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Wait for a second</span></p><p><span>&nbsp;&nbsp;&nbsp; }</span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u841" class="ax_default _一级标题">
        <div id="u841_div" class=""></div>
        <div id="u841_text" class="text ">
          <p><span>运行结果：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u842" class="ax_default label">
        <div id="u842_div" class=""></div>
        <div id="u842_text" class="text ">
          <p><span>灯亮间隔1秒亮一次，每次持续1秒。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u843" class="ax_default _一级标题">
        <div id="u843_div" class=""></div>
        <div id="u843_text" class="text ">
          <p><span>示例代码2（PMW控制灯光亮度）：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u844" class="ax_default _文本段落">
        <div id="u844_div" class=""></div>
        <div id="u844_text" class="text ">
          <p><span>#define PIN_R 5 </span></p><p><span>#define PIN_G 4</span></p><p><span>#define PIN_B 3</span></p><p><span>#define INTERVAL 10 //亮度持续时间</span></p><p><span><br></span></p><p><span>void setup(){ </span></p><p><span>&nbsp; pinMode(PIN_R,OUTPUT); //设置引脚模式</span></p><p><span>&nbsp; pinMode(PIN_G,OUTPUT); </span></p><p><span>&nbsp; pinMode(PIN_B,OUTPUT); </span></p><p><span>&nbsp; analogWrite(PIN_R,0); </span></p><p><span>&nbsp; analogWrite(PIN_G,0); </span></p><p><span>&nbsp; analogWrite(PIN_B,0); </span></p><p><span>}</span></p><p><span><br></span></p><p><span>void loop() {</span></p><p><span>&nbsp; //红色逐渐变亮 </span></p><p><span>&nbsp; for(int val=0; val&lt;255; val++){ </span></p><p><span>&nbsp;&nbsp;&nbsp; analogWrite(PIN_R,val); //给指定引脚写入数据</span></p><p><span>&nbsp;&nbsp;&nbsp; analogWrite(PIN_G,0);</span></p><p><span>&nbsp;&nbsp;&nbsp; analogWrite(PIN_B,0);</span></p><p><span>&nbsp;&nbsp;&nbsp; delay(INTERVAL); </span></p><p><span>&nbsp; }</span></p><p><span>&nbsp; //红色逐渐变暗 </span></p><p><span>&nbsp; for(int val=254; val&gt;=0; val--){ </span></p><p><span>&nbsp;&nbsp;&nbsp; analogWrite(PIN_R,val);</span></p><p><span>&nbsp;&nbsp;&nbsp; analogWrite(PIN_G,0); </span></p><p><span>&nbsp;&nbsp;&nbsp; analogWrite(PIN_B,0);&nbsp; </span></p><p><span>&nbsp;&nbsp;&nbsp; delay(INTERVAL); </span></p><p><span>&nbsp; }</span></p><p><span>&nbsp; //绿色逐渐变亮 </span></p><p><span>&nbsp; for(int val=0; val&lt;255; val++){ </span></p><p><span>&nbsp;&nbsp;&nbsp; analogWrite(PIN_R,0); //给指定引脚写入数据</span></p><p><span>&nbsp;&nbsp;&nbsp; analogWrite(PIN_G,val);</span></p><p><span>&nbsp;&nbsp;&nbsp; analogWrite(PIN_B,0);</span></p><p><span>&nbsp;&nbsp;&nbsp; delay(INTERVAL); </span></p><p><span>&nbsp; }</span></p><p><span>&nbsp; //绿色逐渐变暗 </span></p><p><span>&nbsp; for(int val=254; val&gt;=0; val--){ </span></p><p><span>&nbsp;&nbsp;&nbsp; analogWrite(PIN_R,0);</span></p><p><span>&nbsp;&nbsp;&nbsp; analogWrite(PIN_G,val); </span></p><p><span>&nbsp;&nbsp;&nbsp; analogWrite(PIN_B,0);&nbsp; </span></p><p><span>&nbsp;&nbsp;&nbsp; delay(INTERVAL); </span></p><p><span>&nbsp; }</span></p><p><span>&nbsp; //蓝色逐渐变亮 </span></p><p><span>&nbsp; for(int val=0; val&lt;255; val++){ </span></p><p><span>&nbsp;&nbsp;&nbsp; analogWrite(PIN_R,0); //给指定引脚写入数据</span></p><p><span>&nbsp;&nbsp;&nbsp; analogWrite(PIN_G,0);</span></p><p><span>&nbsp;&nbsp;&nbsp; analogWrite(PIN_B,val);</span></p><p><span>&nbsp;&nbsp;&nbsp; delay(INTERVAL); </span></p><p><span>&nbsp; }</span></p><p><span>&nbsp; //蓝色逐渐变暗 </span></p><p><span>&nbsp; for(int val=254; val&gt;=0; val--){ </span></p><p><span>&nbsp;&nbsp;&nbsp; analogWrite(PIN_R,0);</span></p><p><span>&nbsp;&nbsp;&nbsp; analogWrite(PIN_G,0); </span></p><p><span>&nbsp;&nbsp;&nbsp; analogWrite(PIN_B,val);&nbsp; </span></p><p><span>&nbsp;&nbsp;&nbsp; delay(INTERVAL); </span></p><p><span>&nbsp; }</span></p><p><span>}</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u845" class="ax_default _一级标题">
        <div id="u845_div" class=""></div>
        <div id="u845_text" class="text ">
          <p><span>运行结果：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u846" class="ax_default label">
        <div id="u846_div" class=""></div>
        <div id="u846_text" class="text ">
          <p><span>红绿蓝三种颜色依次明灭</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
